<template>
	<view class="goodss_list">
		<view class="goodss_item" v-for="(item,index) in hotgoods" :key="index">
			<image class="imgs" :src="item.img_url"></image>
			<view class="prices">
				<text>播放：{{item.sell_price}}</text>
				<text>点赞：{{item.market_price}}</text>
			</view>
			<view class="names">
				{{item.title}}
			</view>
		</view>
	</view>
</template>

<script>
	export default{
		props:['hotgoods']
	}
</script>

<style lang="scss">
.goodss_list {
	padding: 0 15rpx;
	display: flex;
	flex-wrap: wrap;
	justify-content: span-between;

	.goodss_item {
		background: #fff;
		width: 355rpx;
		margin: 6rpx 3rpx;
		padding: 15rpx;
		box-sizing: border-box;
		border-radius: 20rpx;

		.imgs {
			width: 95%;
			height: 90px;
			display: block;
			margin: 0 auto;
			border-radius: 20rpx;
		}

		.prices {
			color: #999;
			font-size: 20rpx;
			margin: 15rpx 0 ;
			text:nth-child(2) {
				color: #999;
				margin-left: 10rpx;
			}
		}
		
		.names {
			font-size: 28rpx;
			line-height: 50rpx;
			margin-top: 20rpx;
		}
	}
}
</style>
